
$(document).ready(function(){
    var dd = 0;
    $("#ccc").click(function(){
        var aa = $("#container").attr("data-change");
        dd-=180;
        if(aa == 0){
            $("#cc").removeClass("cc");
            $(".pic2").css("opacity","1");
            $("#cc").addClass("cd");
            $(".pic1").css("opacity","0");
            // $("#container").addClass("container");       //不同方向

            $("#container").css({"transform":'rotate('+dd+'deg)'});
            $("#container").css({"-moz-transform":'rotate('+dd+'deg)'});
            $("#container").css({"-webkit-transform":'rotate('+dd+'deg)'});
            $("#container").css({"-o-transform":'rotate('+dd+'deg)'});

            $("#container").attr("data-change","1");
        }else{
            $("#cc").removeClass("cd");
            $(".pic1").css("opacity","1");
            $("#cc").addClass("cc");
            $(".pic2").css("opacity","0");
            // $("#container").removeClass("container");        //不同方向

            $("#container").css({"transform":'rotate('+dd+'deg)'});
            $("#container").css({"-moz-transform":'rotate('+dd+'deg)'});
            $("#container").css({"-webkit-transform":'rotate('+dd+'deg)'});
            $("#container").css({"-o-transform":'rotate('+dd+'deg)'});

            $("#container").attr("data-change","0");
        }
    });
    // setInterval(function(){
    //
    //
    // },5000);
});

